
.thumbs {
    .my-gallery {
    display: flex;
    // 弹性布局
    flex-wrap: wrap;
// 加上面這行，儅橫軸不夠長的時候，元素就會自動換行。
// flex-wrap: nowrap | wrap | wrap-reverse;
// nowrap:不换行
// warp：换行，第一行在上方
// wrap-reverse：换行，第一行在下方
      figure {
        width: 30%;
        margin: 5px;
        img {
          width: 100%;
        }
      }
    }
  }
